<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="assets/css/register.css" rel="stylesheet">
<title>Insert title here</title>
</head>
<body>
	<header class="header" style="border-radius: 4px;">
		<a class="link" href="#"><strong>회원가입</strong> </a>
	</header>
	<section class="group">
		<h1 class="title">기본정보</h1>
		
		<span class="cell"> 
			<span class="input_wrap" id="nameSpan"> 
				<span class="inner">
				<input type="text" placeholder="이름" title="이름 입력" id="userName"
				name="userName" value="">
				</span>
			</span>
		</span>
		
		<span class="cell"> 
			<span class="input_wrap" id="nameSpan"> 
				<span class="inner">
				<input type="text" placeholder="이름" title="이름 입력" id="userName"
				name="userName" value="">
				</span>
			</span>
		</span>
		
		<span class="cell"> 
			<span class="input_wrap" id="nameSpan"> 
				<span class="inner">
				<input type="text" placeholder="이름" title="이름 입력" id="userName"
				name="userName" value="">
				</span>
			</span>
		</span>
	</section>





		<span class="row"> <span class="cell"> <span
				class="input_wrap" id="nameSpan"> <span class="inner"><input
						type="text" placeholder="이름" title="이름 입력" id="userName"
						name="userName" value=""></span>
			</span>
		</span> <span class="select_wrap" id="birthDateSpan1"> <span
				class="inner"> <select title="생년월일 년 선택" id="birth_year"
					name="birth_year" onchange="javascript:setBirthDay('fm');">
						<option value="1999">1999년</option>
						<option value="1998">1998년</option>
						<option value="1997">1997년</option>
						<option value="1996">1996년</option>
						<option value="1995">1995년</option>
						<option value="1994">1994년</option>
						<option value="1993">1993년</option>
						<option value="1992">1992년</option>
						<option value="1991">1991년</option>
						<option value="1990">1990년</option>
						<option value="1989">1989년</option>
						<option value="1988">1988년</option>
						<option value="1987">1987년</option>
						<option value="1986">1986년</option>
						<option value="1985">1985년</option>
						<option value="1984">1984년</option>
						<option value="1983">1983년</option>
						<option value="1982">1982년</option>
						<option value="1981">1981년</option>
						<option value="1980">1980년</option>
						<option value="1979">1979년</option>
						<option value="1978">1978년</option>
						<option value="1977">1977년</option>
						<option value="1976">1976년</option>
						<option value="1975">1975년</option>
						<option value="1974">1974년</option>
						<option value="1973">1973년</option>
						<option value="1972">1972년</option>
						<option value="1971">1971년</option>
						<option value="1970">1970년</option>
						<option value="1969">1969년</option>
						<option value="1968">1968년</option>
						<option value="1967">1967년</option>
						<option value="1966">1966년</option>
						<option value="1965">1965년</option>
						<option value="1964">1964년</option>
						<option value="1963">1963년</option>
						<option value="1962">1962년</option>
						<option value="1961">1961년</option>
						<option value="1960">1960년</option>
						<option value="1959">1959년</option>
						<option value="1958">1958년</option>
						<option value="1957">1957년</option>
						<option value="1956">1956년</option>
						<option value="1955">1955년</option>
						<option value="1954">1954년</option>
						<option value="1953">1953년</option>
						<option value="1952">1952년</option>
						<option value="1951">1951년</option>
						<option value="1950">1950년</option>
						<option value="1949">1949년</option>
						<option value="1948">1948년</option>
						<option value="1947">1947년</option>
						<option value="1946">1946년</option>
						<option value="1945">1945년</option>
						<option value="1944">1944년</option>
						<option value="1943">1943년</option>
						<option value="1942">1942년</option>
						<option value="1941">1941년</option>
						<option value="1940">1940년</option>
						<option value="1939">1939년</option>
						<option value="1938">1938년</option>
						<option value="1937">1937년</option>
						<option value="1936">1936년</option>
						<option value="1935">1935년</option>
						<option value="1934">1934년</option>
						<option value="1933">1933년</option>
						<option value="1932">1932년</option>
						<option value="1931">1931년</option>
						<option value="1930">1930년</option>
						<option value="1929">1929년</option>
						<option value="1928">1928년</option>
						<option value="1927">1927년</option>
						<option value="1926">1926년</option>
						<option value="1925">1925년</option>
						<option value="1924">1924년</option>
						<option value="1923">1923년</option>
						<option value="1922">1922년</option>
						<option value="1921">1921년</option>
						<option value="1920">1920년</option>
						<option value="1919">1919년</option>
						<option value="1918">1918년</option>
						<option value="1917">1917년</option>
						<option value="1916">1916년</option>
						<option value="1915">1915년</option>
						<option value="1914">1914년</option>
						<option value="1913">1913년</option>
						<option value="1912">1912년</option>
						<option value="1911">1911년</option>
						<option value="1910">1910년</option>
						<option value="1909">1909년</option>
						<option value="1908">1908년</option>
						<option value="1907">1907년</option>
						<option value="1906">1906년</option>
						<option value="1905">1905년</option>
						<option value="1904">1904년</option>
						<option value="1903">1903년</option>
						<option value="1902">1902년</option>
						<option value="1901">1901년</option>
						<option value="1900">1900년</option>
				</select>
			</span>
		</span>
		</span> <span class="cell term"></span> <span class="cell" style="width: 26%">
			<span class="select_wrap" id="birthDateSpan2"> <span
				class="inner"> <select title="생년월일 월 선택" id="birth_month"
					name="birth_month" onchange="javascript:setBirthDay('fm');">
						<option value="1">1월</option>
						<option value="2">2월</option>
						<option value="3">3월</option>
						<option value="4">4월</option>
						<option value="5">5월</option>
						<option value="6">6월</option>
						<option value="7">7월</option>
						<option value="8">8월</option>
						<option value="9">9월</option>
						<option value="10">10월</option>
						<option value="11">11월</option>
						<option value="12">12월</option>
				</select>
			</span>
		</span>
		</span> <span class="cell term"></span> <span class="cell" style="width: 26%">
			<span class="select_wrap" id="birthDateSpan3"> <span
				class="inner"> <select title="생년월일 일 선택" id="birth_day"
					name="birth_day">
						<option value="1">1일</option>
						<option value="2">2일</option>
						<option value="3">3일</option>
						<option value="4">4일</option>
						<option value="5">5일</option>
						<option value="6">6일</option>
						<option value="7">7일</option>
						<option value="8">8일</option>
						<option value="9">9일</option>
						<option value="10">10일</option>
						<option value="11">11일</option>
						<option value="12">12일</option>
						<option value="13">13일</option>
						<option value="14">14일</option>
						<option value="15">15일</option>
						<option value="16">16일</option>
						<option value="17">17일</option>
						<option value="18">18일</option>
						<option value="19">19일</option>
						<option value="20">20일</option>
						<option value="21">21일</option>
						<option value="22">22일</option>
						<option value="23">23일</option>
						<option value="24">24일</option>
						<option value="25">25일</option>
						<option value="26">26일</option>
						<option value="27">27일</option>
						<option value="28">28일</option>
						<option value="29">29일</option>
						<option value="30">30일</option>
						<option value="31">31일</option>
				</select>
			</span>
		</span>
		</span> <span class="cell term"></span> <span class="cell"
			style="width: 15px"> <span class="txt"
			style="text-align: right">생</span>
		</span> </span> <span class="row" id="birthDateErrDiv" style="display: none">
			<p id="birthDateMsg" class="error_txt">14세 미만은 PC에서 가입해 주세요.</p>
		</span> <span class="row"> <span class="cell"> <span
				class="select_wrap" id="sexSpan"> <span class="inner">
						<select title="성별 선택" id="sexCd" name="sexCd">
							<option>성별</option>
							<option value="M">남자</option>
							<option value="F">여자</option>
					</select>
				</span>
			</span>
		</span>
		</span> <span class="row" id="sexErrDiv" style="display: none">
			<p id="sexMsg" class="error_txt">성별을 선택해 주세요.</p>
		</span> <span class="row"> <span class="cell" style="width: 30%">
				<span class="select_wrap"> <span class="inner"> <span
						class="sel_value" id="nationMsg">+82</span> <select id="nationNo"
						title="국가코드" onchange="setNationNo(this);" disabled="">
							<option value="82" selected="">대한민국(82)</option>
							<option value="1">미국(1)</option>
							<option value="81">일본(81)</option>
							<option value="86">중국(86)</option>
							<option value="233">가나(233)</option>
							<option value="241">가봉(241)</option>
							<option value="220">감비아(220)</option>
							<option value="590">과들루프(590)</option>
							<option value="502">과테말라(502)</option>
							<option value="1671">괌(1671)</option>
							<option value="1473">그레나다(1473)</option>
							<option value="995">그루지아(995)</option>
							<option value="30">그리스(30)</option>
							<option value="299">그린랜드(299)</option>
							<option value="245">기니아(245)</option>
							<option value="264">나미비아(264)</option>
							<option value="234">나이제리아(234)</option>
							<option value="27">남아프리카공화국(27)</option>
							<option value="31">네덜란드(31)</option>
							<option value="599">네덜란드령 엔틸리스(599)</option>
							<option value="977">네팔(977)</option>
							<option value="47">노르웨이(47)</option>
							<option value="64">뉴질랜드(64)</option>
							<option value="687">뉴칼레도니아(687)</option>
							<option value="227">니제르(227)</option>
							<option value="505">니카라과(505)</option>
							<option value="886">대만(886)</option>
							<option value="45">덴마크(45)</option>
							<option value="1809">도미니카공화국(1809)</option>
							<option value="49">독일(49)</option>
							<option value="856">라오스(856)</option>
							<option value="231">라이베리아(231)</option>
							<option value="371">라트비아(371)</option>
							<option value="7">러시아(7)</option>
							<option value="961">레바논(961)</option>
							<option value="266">레소토(266)</option>
							<option value="262">레위니옹 제도(262)</option>
							<option value="40">루마니아(40)</option>
							<option value="352">룩셈부르크(352)</option>
							<option value="250">르완다(250)</option>
							<option value="218">리비아(218)</option>
							<option value="370">리투아니아(370)</option>
							<option value="423">리히텐슈타인(423)</option>
							<option value="261">마다가스카르(261)</option>
							<option value="596">마르티니크(596)</option>
							<option value="691">마이크로네시아(691)</option>
							<option value="853">마카오(853)</option>
							<option value="389">마케도니아(389)</option>
							<option value="265">말라위(265)</option>
							<option value="60">말레이시아(60)</option>
							<option value="223">말리(223)</option>
							<option value="356">말타(356)</option>
							<option value="52">멕시코(52)</option>
							<option value="33">모나코1(33)</option>
							<option value="377">모나코2(377)</option>
							<option value="212">모로코(212)</option>
							<option value="230">모리셔스(230)</option>
							<option value="222">모리타니아(222)</option>
							<option value="258">모잠비크(258)</option>
							<option value="373">몰도바(373)</option>
							<option value="960">몰디브(960)</option>
							<option value="976">몽고(976)</option>
							<option value="95">미얀마(95)</option>
							<option value="678">바누아투(678)</option>
							<option value="973">바레인(973)</option>
							<option value="1246">바베이도스(1246)</option>
							<option value="880">방글라데쉬(880)</option>
							<option value="1441">버뮤다(1441)</option>
							<option value="58">베네수엘라(58)</option>
							<option value="229">베닌(229)</option>
							<option value="84">베트남(84)</option>
							<option value="32">벨기에(32)</option>
							<option value="375">벨라루시(375)</option>
							<option value="501">벨리즈(501)</option>
							<option value="387">보스니아(387)</option>
							<option value="267">보츠와나(267)</option>
							<option value="591">볼리비아(591)</option>
							<option value="257">부룬디(257)</option>
							<option value="673">부르나이(673)</option>
							<option value="226">부르키나파소(226)</option>
							<option value="975">부탄(975)</option>
							<option value="359">불가리아(359)</option>
							<option value="55">브라질(55)</option>
							<option value="966">사우디아라비아(966)</option>
							<option value="1670">사이판(1670)</option>
							<option value="221">세네갈(221)</option>
							<option value="381">세르비아(381)</option>
							<option value="248">세이셸(248)</option>
							<option value="1758">세인트 루시아(1758)</option>
							<option value="1784">세인트 빈센트(1784)</option>
							<option value="249">수단(249)</option>
							<option value="597">수리남(597)</option>
							<option value="94">스리랑카(94)</option>
							<option value="268">스와질랜드(268)</option>
							<option value="46">스웨덴(46)</option>
							<option value="41">스위스(41)</option>
							<option value="34">스페인(34)</option>
							<option value="421">슬로바키아(421)</option>
							<option value="386">슬로베니아(386)</option>
							<option value="963">시리아(963)</option>
							<option value="232">시에라리온(232)</option>
							<option value="65">싱가폴(65)</option>
							<option value="357">싸이프러스(357)</option>
							<option value="971">아랍에미리트연합(971)</option>
							<option value="297">아루바(297)</option>
							<option value="54">아르헨티나(54)</option>
							<option value="374">아메니아(374)</option>
							<option value="225">아이보리코스트(225)</option>
							<option value="354">아이슬란드(354)</option>
							<option value="509">아이티(509)</option>
							<option value="353">아일랜드(353)</option>
							<option value="994">아제르바이잔(994)</option>
							<option value="93">아프가니스탄(93)</option>
							<option value="376">안도라(376)</option>
							<option value="1268">안티구아&amp;바부다(1268)</option>
							<option value="355">알바니아(355)</option>
							<option value="213">알제리아(213)</option>
							<option value="244">앙골라(244)</option>
							<option value="372">에스토니아(372)</option>
							<option value="593">에콰도르(593)</option>
							<option value="240">에콰토리얼기니(240)</option>
							<option value="251">에티오피아(251)</option>
							<option value="503">엘살바도르(503)</option>
							<option value="44">영국(44)</option>
							<option value="1809">영국령 버진 제도(1809)</option>
							<option value="967">예멘(967)</option>
							<option value="968">오만(968)</option>
							<option value="61">오스트레일리아(61)</option>
							<option value="43">오스트리아(43)</option>
							<option value="504">온두라스(504)</option>
							<option value="962">요르단(962)</option>
							<option value="256">우간다(256)</option>
							<option value="598">우루과이(598)</option>
							<option value="998">우즈베키스탄(998)</option>
							<option value="380">우크라이나(380)</option>
							<option value="381">유고슬라비아(381)</option>
							<option value="964">이라크(964)</option>
							<option value="98">이란(98)</option>
							<option value="972">이스라엘(972)</option>
							<option value="20">이집트(20)</option>
							<option value="39">이탈리아(39)</option>
							<option value="91">인도(91)</option>
							<option value="62">인도네시아(62)</option>
							<option value="1876">자메이카(1876)</option>
							<option value="260">잠비아(260)</option>
							<option value="236">중앙아프리카공화국(236)</option>
							<option value="253">지부띠(253)</option>
							<option value="350">지브랄타(350)</option>
							<option value="263">짐바브웨이(263)</option>
							<option value="235">챠드(235)</option>
							<option value="420">체코(420)</option>
							<option value="56">칠레(56)</option>
							<option value="374">카라바흐(374)</option>
							<option value="596">카리브해 서인도제도(596)</option>
							<option value="237">카메룬(237)</option>
							<option value="238">카보베르데(238)</option>
							<option value="7">카자흐스탄(7)</option>
							<option value="855">캄보디아(855)</option>
							<option value="1">캐나다(1)</option>
							<option value="254">케냐(254)</option>
							<option value="1345">케이맨 제도(1345)</option>
							<option value="377">코소보(377)</option>
							<option value="506">코스타리카(506)</option>
							<option value="57">콜롬비아(57)</option>
							<option value="242">콩고(242)</option>
							<option value="243">콩고민주공화국(243)</option>
							<option value="974">콰타르(974)</option>
							<option value="53">쿠바(53)</option>
							<option value="965">쿠웨이트(965)</option>
							<option value="385">크로아티아(385)</option>
							<option value="996">키르기즈스탄(996)</option>
							<option value="686">키리바티(686)</option>
							<option value="992">타지키스탄(992)</option>
							<option value="255">탄자니아(255)</option>
							<option value="66">태국(66)</option>
							<option value="90">터키(90)</option>
							<option value="228">토고(228)</option>
							<option value="676">통가(676)</option>
							<option value="993">투르크메니스탄(993)</option>
							<option value="216">튀니지(216)</option>
							<option value="1868">트리니다드 토바고(1868)</option>
							<option value="670">티모르(670)</option>
							<option value="507">파나마(507)</option>
							<option value="595">파라과이(595)</option>
							<option value="92">파키스탄(92)</option>
							<option value="970">팔레스타인 자치지구(970)</option>
							<option value="298">페로제도(298)</option>
							<option value="51">페루(51)</option>
							<option value="351">포르투갈(351)</option>
							<option value="48">폴란드(48)</option>
							<option value="1">푸에르토리코(1)</option>
							<option value="33">프랑스(33)</option>
							<option value="594">프랑스령 기아나(594)</option>
							<option value="590">프랑스령서인도제도1(590)</option>
							<option value="594">프랑스령서인도제도2(594)</option>
							<option value="596">프랑스령서인도제도3(596)</option>
							<option value="689">프랑스령 폴리네시아(689)</option>
							<option value="679">피지(679)</option>
							<option value="358">핀란드(358)</option>
							<option value="63">필리핀(63)</option>
							<option value="36">헝가리(36)</option>
							<option value="852">홍콩(852)</option>

					</select>
				</span>
			</span>
		</span> <span class="cell term"></span> <span class="cell"> <span
				class="input_wrap" id="mobnoSpan"> <span class="inner">
						<input type="tel" class="u_wrt_it" placeholder="휴대폰 번호"
						title="휴대폰 번호 입력" id="mobno" name="mobno" maxlength="20"
						onkeydown="check_num('mobno', '1')" value="">
				</span>
			</span>
		</span>
		</span> <span class="row" id="mobnoErrDiv" style="display: none">
			<p id="mobnoMsg" class="error_txt"></p>
		</span>

		<div id="emailViewDiv" style="display: none;">
			<span class="row"> <span class="input_wrap" id="emailSpan">
					<span class="inner"><input type="text"
						placeholder="비상 연락용 이메일 주소" title="비상 연락용 이메일 입력" id="pwEmail"
						name="pwEmail" value=""></span>
			</span>
			</span> <span class="row" id="emailErrDiv" style="display: none">
				<p id="emailErrMsg" class="error_txt"></p>
			</span>
		</div>
	</div>

	<h1 class="tit">아이디/비밀번호</h1>
	<div class="group">
		<span class="row"> <span class="cell" style="width: 60%">
				<span class="input_wrap" id="idSpan"> <span class="inner"><input
						type="text" placeholder="아이디" title="아이디 입력" id="id" name="id"
						value=""></span>
			</span>
		</span> <span class="cell term"></span> <span class="cell"> <span
				class="txt">@ naver.com</span>
		</span>
		</span> <span class="row" id="idErrDiv" style="display: none">
			<p id="idMsg" class="error_txt"></p>
		</span> <span class="row"> <span class="input_wrap" id="pswdSpan">
				<span class="inner"><input type="text" placeholder="비밀번호"
					title="비밀번호 입력" id="pswd1" name="pswd1"></span>
		</span>
		</span> <span class="row" id="pswdErrDiv" style="display: none">
			<p id="pswdMsg" class="error_txt"></p>
		</span>
	</div>

	<div id="captchaViewDiv" style="display: none;">
		<h1 class="tit">자동가입 방지문자</h1>
		<div class="group">
			<span class="row" id="image_captcha_div" style="display: block">
				<span class="cell captcha_bx"> <img id="captchaImage"
					name="captchaImage"
					src="https://nid.naver.com/login/image/captcha_mobile/nhncaptcha2.gif?key=wYyvblt6iaY3lsJ3"
					width="130" height="60" alt="자동 가입 방지">
					<button type="button" class="btn_refresh"
						onclick="javascript:reload_captcha_image('vzTbbWm0iaicwly1','2')">새로고침</button>
					<button type="button" class="btn_audio"
						onclick="javascript:changeCaptchaMode();">음성으로 듣기</button>
			</span>
			</span> <span class="row" id="sound_captcha_div" style="display: none">
				<span class="cell captcha_bx"> <a
					href="http://soundcaptcha.naver.com/downloadSound.nhn?key=wYyvblt6iaY3lsJ3"
					target="_blank" class="voice">음성 다운로드</a>
					<button type="button" class="btn_refresh"
						onclick="javascript:playSoundCaptcha();" id="play_audio">새로고침</button>
					<button type="button" class="btn_capcha"
						onclick="javascript:changeCaptchaMode();">이미지로 보기</button>
			</span>
			</span> <span class="row"> <span class="input_wrap" id="captchaSpan">
					<span class="inner"><input type="text"
						placeholder="자동가입 방지문자" title="자동가입 방지문자 입력" name="autoValue"
						id="capcha" maxlength="6"></span>
			</span>
			</span> <span class="row" id="captchaErrDiv" style="display: none">
				<p id="captchaMsg" class="error_txt"></p>
			</span>
		</div>
	</div>
	</div>

	<form action=""></form>
</body>
</html>